<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>{$contents.title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="{$contents.keywords}">
    <meta name="description" content="{$contents.description}">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="__LIBS__/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/home.base.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/user.css" media="all">
    <link rel="shortcut icon" href="{:config('website.icon')}" />
    <link rel="bookmark"href="{:config('website.icon')}" />
    {block name="css"}{/block}
</head>
<body>
<div class="layui-layout  layui-header header">
    <div class="layui-container">
        <a class="logo" href="/"> <img src="{:config('website.logo')}" alt="{:config('website.site_title')}"> </a>
        <ul class="layui-nav layui-layout-left" lay-filter="">
            <li class="layui-nav-item"><a href="/">首页</a></li>
            {foreach name="nav" item="vo"}
            <li class="layui-nav-item">
                <a href="{$vo.url}">{$vo.name}</a>
                {if condition="$vo.childNav"}
                <dl class="layui-nav-child">
                    {foreach name="vo.childNav" item="voo"}
                    <dd><a href="{$voo.url}">{$voo.name}</a></dd>
                    {/foreach}
                </dl>
                {/if}
            </li>
            {/foreach}
        </ul>
        <form class="layui-form" action="{:url('index/course/search')}" style="position: absolute;top: 18px; right:160px;" >
            <div class="layui-form-item">
                <div class="layui-input-inline" style="width:250px;">
                    <input type="text" name="keywords"  lay-verify="required" lay-reqText="请输入课程关键字" placeholder="请输入课程关键字"  class="layui-input search-input" >
                    <button  lay-submit class="layui-btn  layui-btn-position"><i class="layui-icon layui-icon-search"></i></button>
                </div>
            </div>
        </form>
        {if condition="$islogin"}
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href=""><img src="{$userInfo.avatar|defaultAvatar}" class="layui-nav-img"></a>
                <dl class="layui-nav-child">
                    {if condition="$userInfo.is_teacher eq 1"}
                    <dd><a href="{:url('admin/index/index')}">教师中心</a></dd>
                    {/if}
                    <dd><a href="{:url('index/user/index')}">个人中心</a></dd>
                    <dd><a href="{:url('index/user/logout')}">退了</a></dd>
                </dl>
            </li>
        </ul>
        {else /}
        <ul class="layui-nav fly-nav-user">
            <li class="layui-nav-item"> <a class="fa fa-user-circle fa-fw layui-hide-xs" style="font-size:20px;margin-right:-25px;" href="{:url('index/user/login')}"></a> </li>
            <li class="layui-nav-item"> <a href="{:url('index/user/login')}"  style="margin-right:-15px">登录</a> </li>
            <li class="layui-nav-item"> <a href="{:url('index/user/reg')}"　style="margin-right:-15px">注册</a> </li>
            <span class="layui-nav-bar" style="left: 0px; top: 55px; width: 0px; opacity: 0;"></span>
        </ul>
        {/if}
    </div>
</div>
{block name="body"}{/block}
<section class="footer mt20">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md3 mt40 footer-logo"><img src="{:config('website.big_logo')}"></div>
            <div class="layui-col-md3 mt40">
                <div class="footer-about">
                    <h3>合作伙伴</h3>
                    <ul>
                        {foreach name="link" item="vo"}
                        <li><a href="{$vo.href}" target="_blank">{$vo.title}</a></li>
                        {/foreach}
                    </ul>
                </div>
            </div>
            <div class="layui-col-md3 mt40">
                <div class="footer-about">
                    <h3>客服中心</h3>
                    <ul>
                        <li><i class="layui-icon layui-icon-cellphone"></i> {:config('contact.tel')}</li>
                        <li>(9:30 - 18:00)</li>
                        <li><i class="layui-icon layui-icon-login-qq"></i> {:config('contact.QQ')}</li>
                        <li>(9:30 - 20:00)</li>
                    </ul>
                </div>

            </div>
            <div class="layui-col-md3 mt40 footer-logo">
                <div class="footer-wechat">
                    <ul>
                        <li>微信公众号</li>
                        <li>微信小程序</li>
                    </ul>
                    <ul class="foot-qrcode mt15">
                        <li><img src="{:config('website.weixin')}"></li>
                        <li><img src="{:config('website.weixin')}"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="copyright">
    <div class="layui-container">
        <p>
            <a href="http://www.miibeian.gov.cn/" target="_blank">{:config('website.site_icp')}</a> |
            <a href="http://www.beian.gov.cn/" target="_blank"><img src="/static/default/img/police-badge.png"> {:config('website.police_icp')}</a> |
            {:config('website.site_code')} |
            举报邮箱 {:config('contact.email')}<br>
            Copyright &copy 2020-2021 {:config('website.site_copyright')} 版权所有 课程和网页设计版权由 {:config('website.site_copyright')} 持有，未经本公司允许，请勿建立镜像和其他违法用途
        </p>
    </div>
</section>
<!--右侧-->
<div class="Right-Nav">
    <div class="Right-nav-list">
        <ul>
            <li class="r-qq">
                <i class="fa fa-qq fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">{:config('contact.QQ')}</div>
                </div>
            </li>
            <li class="r-qrcode">
                <i class="fa fa-weixin fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border"><img src="{:config('website.weixin')}"></div>
                </div>
            </li>
            <li class="r-qq">
                <i class="fa fa-phone fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">{:config('contact.tel')}</div>
                </div>
            </li>
            <li class="r-qq">
                <i class="fa fa-envelope fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">{:config('contact.email')}</div>
                </div>
            </li>
            <li class="r-qrcode">
                <i class="fa fa-qrcode fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border"><img src="{:config('website.weixin')}"></div>
                </div>
            </li>
            <li id="top-back"><a href="javascript:;" class="cndns-right-btn" onclick="topBack()"><i class="layui-icon layui-icon-top"></i></a></li>
        </ul>
    </div>
</div>
<script src="__LIBS__/layui/layui.all.js"></script>
<script src="__COMMON__/jquery.min.js"></script>
<script src="__COMMON__/common.js"></script>
<script src="https://cdn.bootcss.com/stickyNavbar.js/1.3.5/jquery.stickyNavbar.min.js"></script>
{block name="js"}{/block}
</body>
</html>